<template>
  <el-menu default-active="1" class="el-menu-vertical-demo" background-color="#545c64" text-color="#fff"
           active-text-color="#ffd04b"
           :router="true">
    <MenuTmp :tree-data="treeData"/>
  </el-menu>
</template>

<script>
  import MenuTmp from "./menutmp.vue";
  export default {
    name: "TreeMenu",
    data() {
      return {};
    },
    props: {
      treeData: {
        type: Array,
        default: function() {
          return [];
        }
      }
    },
    components: {
      MenuTmp
    },
    created() {},
    methods: {}
  };
</script>

<style scoped lang="stylus">
  .el-menu-vertical-demo:not(.el-menu--collapse) {
    width: 200px;
    min-height: 0px !important;
  }
</style>